<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Factorship - Industrial Category Bootstrap Responsive Template | Single Page</title>
    <!-- google fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,600&display=swap" rel="stylesheet">
    <!-- Template CSS -->
    <link rel="stylesheet" href="assets/css/style-liberty.css">
</head>

<body>
    <!--/Header-->
    <header id="site-header" class="fixed-top">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light stroke py-lg-0">
                <h1><a class="navbar-brand" href="index.html">
                        <span class="sub-color">Factor</span>ship
                    </a></h1>
                <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarScroll">
                    <ul class="navbar-nav mx-lg-auto my-2 my-lg-0 navbar-nav-scroll">
                        <li class="nav-item">
                            <a class="nav-link" aria-current="page" href="index.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="services.html">Services</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle active" href="#Pages" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                Pages <span class="fa fa-angle-down ms-1"></span>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item pt-2" href="blog.html">Blog Page</a></li>
                                <li><a class="dropdown-item" href="blog-single.html">Blog Single</a></li>

                                <li><a class="dropdown-item" href="email.html">Email Page</a></li>
                                <li><a class="dropdown-item" href="elements.html">Elements</a></li>

                                <li><a class="dropdown-item" href="landing.html">Landing Page</a></li>

                                <li><a class="dropdown-item" href="error.html">Error Page</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">Contact</a>
                        </li>
                    </ul>
                    <!--/search-->
                    <button id="trigger-overlay" class="searchw3-icon me-xl-4 me-lg-3" type="button"><i class="fas fa-search"></i></button>
                    <!-- open/close -->
                    <div class="overlay overlay-slidedown">
                        <button type="button" class="overlay-close"><i class="fas fa-times"></i></button>
                        <nav class="w3l-formhny">
                            <form action="#" method="GET" class="d-sm-flex search-header">
                                <input class="form-control me-2" type="search" placeholder="Search here..." aria-label="Search" required>
                                <button class="btn btn-style btn-secondary me-lg-3" type="submit">Search</button>
                            </form>
                        </nav>
                    </div>
                    <!--//search-->
                </div>
                <!-- toggle switch for light and dark theme -->
                <div class="mobile-position">
                    <nav class="navigation">
                        <div class="theme-switch-wrapper">
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox">
                                <div class="mode-container">
                                    <i class="gg-sun"></i>
                                    <i class="gg-moon"></i>
                                </div>
                            </label>
                        </div>
                    </nav>
                </div>
                <!-- //toggle switch for light and dark theme -->
            </nav>
        </div>
    </header>
    <!--//Header-->
    <!--/inner-page-->
    <div class="inner-banner py-5">
        <section class="w3l-breadcrumb text-left py-sm-5 ">
            <div class="container">
                <div class="w3breadcrumb-gids">
                    <div class="w3breadcrumb-left text-left">
                        <h2 class="inner-w3-title mt-sm-5 mt-4">
                            Blog Single </h2>

                    </div>
                    <div class="w3breadcrumb-right">
                        <ul class="breadcrumbs-custom-path">
                            <li><a href="index.html">Home</a></li>
                            <li class="active"><span class="fas fa-angle-double-right mx-2"></span> Blog Single </li>
                        </ul>
                    </div>
                </div>

            </div>
        </section>
    </div>
    <!--//inner-page-->
	<div style="margin: 8px auto; display: block; text-align:center;">

<!---728x90--->

 
</div>
    <!--/blog-section-->
    <section class="w3l-blog-single">
        <div class="single blog py-5">
            <div class="container py-lg-5 py-md-4">
                <div class="d-grid grid-colunm-2">
                    <!-- left side blog post content -->
                    <div class="single-left">
                        <div class="single-left1">
                            <div class="blg-img">
                                <img src="assets/images/banner3.jpg" alt=" " class="img-fluid">
                                <div class="bl-top">
                                    <h4>16th Sep, 2021</h4>
                                </div>
                            </div>

                            <div class="btom-cont1 mt-md-2">
                                <h5 class="card-title"><a href="blog-single.html">Making The Offshore Life Cycle Smarter</a></h5>
                                <ul class="admin-post">
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-user"></span>Admin</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-tags"></span>Building Construction</a>
                                    </li>
                                    <li>
                                        <a href="blog-single.html"><span class="fas fa-comments"></span>Comments (20)</a>
                                    </li>
                                </ul>
                                <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, doloribus
                                    delectus ab sunt quasi eaque deleniti, quae ipsum suscipit sapiente neque nobis eum
                                    porro eligendi voluptatibus voluptatem ex natus nisi? Et aspernatur ab voluptatum
                                    repellendus molestiae beatae, illum placeat, temporibus laboriosam sit rerum? Ullam
                                    optio eveniet impedit cupiditate ipsa pariatur!</p>
                                <p class="">The point of using Lorem Ipsum is that it has a more-or-less normal distribution
                                    of letters, as opposed to using 'Content here, content here', making it look like
                                    readable English. Many desktop publishing packages and web page </p>

                                <blockquote class="blockquote my-5">
                                    <div class="icon-quote"><span class="fa fa-quote-left" aria-hidden="true"></span></div>
                                    Lorem ipsum dolor sit amet,Ea consequuntur illum facere aperiam sequi optio
                                    consectetur.Ea consequuntur illum facere aperiam sequi optio.
                                    <footer class="blockquote-footer mt-3">
                                        Alexander smith</footer>
                                </blockquote>
                                <h5 class="card-title mt-lg-5 mt-4 ">
                                    <a href="blog-single.html">The only thing that will possibly be different </a>
                                </h5>
                                <p class="mb-4 pt-2">The point of using Lorem Ipsum is that it has a more-or-less normal distribution
                                    of letters, as opposed to using 'Content here, content here', making it look like
                                    readable English. Many desktop publishing packages and web page </p>

                                <div class="sing-post-thumb row">
                                    <div class="col-sm-6">
                                        <a href="#url"><img src="assets/images/g2.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="col-sm-6 mt-sm-0 mt-3">
                                        <a href="#url"><img src="assets/images/g3.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                </div>
                                <h5 class="card-title mt-lg-5 mt-4 ">
                                    <a href="blog-single.html">Summary </a>
                                </h5>
                                <p class="mb-4 pt-2">The point of using Lorem Ipsum is that it has a more-or-less normal distribution
                                    of letters, as opposed to using 'Content here, content here', making it look like
                                    readable English. Many desktop publishing packages and web page </p>

                                <ul class="share-post my-5">
                                    <li>
                                        <h4 class="side-title mr-sm-4 mr-2">Share this post :</h4>
                                    </li>
                                    <li>
                                        <a href="#link" class="facebook" title="Facebook">
                                            <span class="fab fa-facebook-f" aria-hidden="true"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#link" class="twitter" title="Twitter">
                                            <span class="fab fa-twitter" aria-hidden="true"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#link" class="instagram" title="Instagram">
                                            <span class="fab fa-instagram" aria-hidden="true"></span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="new-posts clearfix">
                            <a class="prev-post pull-left" href="#prev"><span class="fa fa-arrow-left me-2" aria-hidden="true"></span>
                                Previous Post</a>
                            <a class="next-post pull-right" href="#next">Next Post <span class="fa fa-arrow-right ms-2" aria-hidden="true"></span></a>
                        </div>
                        <div class="comments mt-5">
                            <h3 class="post-content-title">Comments</h3>
                            <div class="media mt-5 bod-1">
                                <div class="img-circle">
                                    <img src="assets/images/team1.jpg" class="img-fluid" alt="...">
                                </div>
                                <div class="media-body">
                                    <div class="medi-top mb-2">
                                        <a href="#URL" class="name mt-0">Johnson smith</a>
                                        <span>25th June 2021 </span>
                                    </div>
                                    <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                                        sollicitudin. Cras purus tempus viverra turpis. Fusce nunc ac in vulputate
                                        odio, in vulputate at, viverra turpis, nunc ac.</p>
                                    <a href="#reply" class="rep mt-3">Reply</a>
                                    <div class="media mt-4 bod-2">
                                        <a class="img-circle img-circle-sm" href="#">
                                            <img src="assets/images/team2.jpg" class="img-fluid" alt="...">
                                        </a>
                                        <div class="media-body">
                                            <div class="medi-top mb-2">
                                                <a href="#URL" class="name mt-0">Alexander</a>
                                                <span>25th June 2021 </span>
                                            </div>
                                            <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                                                sollicitudin. Cras purus odio, vestibulum at.</p>
                                            <a href="#reply" class="rep mt-3">Reply</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="media bod-3">
                                <div class="img-circle">
                                    <img src="assets/images/team3.jpg" class="img-fluid" alt="...">
                                </div>
                                <div class="media-body">
                                    <div class="medi-top mb-2">
                                        <a href="#URL" class="name mt-0">Elizabeth</a>
                                        <span>23rd June 2021 </span>
                                    </div>
                                    <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante
                                        sollicitudin. Cras purus
                                        odio, in vulputate at, viverra turpis, nunc ac.</p>
                                    <a href="#reply" class="rep mt-3">Reply</a>
                                </div>
                            </div>


                        </div>

                        <div class="testi-top mt-5 pt-3">

                            <h3 class="post-content-title">Leave A Message</h3>
                            <div class="form-commets mt-5">
                                <form action="#" method="post">

                                    <div class="media-form">
                                        <input type="text" name="Name" required="Name" placeholder="Your Name">
                                        <input type="email" name="Email" required="Email" placeholder="Your Email">
                                    </div>
                                    <textarea name="Message" required="" placeholder="Write your comments here"></textarea>
                                    <div class="text-right w3-submit">
                                        <button class="btn btn-primary btn-style" type="submit">Post comment<i class="fas fa-paper-plane ms-2"></i></button>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- left side blog post content -->
                    <!-- right side bar -->
                    <div class="right-side-bar">

                        <aside class="posts p-4">
                            <h3 class="aside-title">All Categories</h3>
                            <ul class="category">
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span>All <label> (11)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Management Construction<label>(24)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Building Construction<label>(18)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Renovation Contractors <label>(08)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Power Energy <label>(38)</label></a></li>
                                <li><a href="#link"><span class="fas fa-angle-double-right"></span> Power $& Oil<label>(26)</label></a></li>

                            </ul>
                        </aside>
                        <aside class="posts p-4">
                            <h3 class="aside-title">Recent Posts</h3>
                            <div class="posts-grids">
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g5.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 11 Minutes ago</span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g3.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 15 Minutes ago</span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g4.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 11 Minutes ago </span>
                                    </div>
                                </div>
                                <div class="posts-grid-inner">
                                    <div class="posts-grid-left ps-0">
                                        <a href="blog-single.html">
                                            <img src="assets/images/g8.jpg" alt=" " class="img-fluid">
                                        </a>
                                    </div>
                                    <div class="posts-grid-right">
                                        <h4>
                                            <a href="blog-single.html" class="text-bl">How to improve work performance</a>
                                        </h4>
                                        <span class="price"> 11 Minutes ago </span>
                                    </div>
                                </div>
                            </div>
                        </aside>

                        <aside class="posts p-4">
                            <h3 class="aside-title">Our Gallery</h3>
                            <div class="posts-grid">
                                <a href="blog-single.html">
                                    <img src="assets/images/g1.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g2.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g3.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g4.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g5.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g6.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g7.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g8.jpg" alt=" " class="img-fluid">
                                </a>
                                <a href="blog-single.html">
                                    <img src="assets/images/g9.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                        </aside>
                        <aside class="posts p-4">
                            <h3 class="aside-title">Popular Tags</h3>
                            <ul class="tags-list">
                                <li><a href="#url">Design</a></li>
                                <li> <a href="#url">Building</a></li>
                                <li><a href="#url">Art</a></li>
                                <li><a href="#url">Workers</a></li>
                                <li><a href="#url">Ideas</a></li>
                                <li><a href="#url">Projects</a></li>
                                <li><a href="#url">Renovation</a></li>
                                <li><a href="#url">
                                        Industrial</a></li>

                            </ul>
                        </aside>
                        <aside class="posts p-4">
                            <h3 class="aside-title">Advertisement</h3>
                            <a href="blog-single.html">
                                <img src="assets/images/g8.jpg" alt=" " class="img-fluid">
                            </a>
                        </aside>
                    </div>
                    <!-- //right side bar -->
                </div>
            </div>
        </div>
    </section>
    <!--//blog-section-->
	<div style="margin: 8px auto; display: block; text-align:center;">

<!---728x90--->
 
</div>
    <!--/footer-9-->
    <footer class="w3l-footer9">
        <section class="footer-inner-main py-5">
            <div class="container py-md-3">
                <div class="right-side">
                    <div class="row footer-hny-grids sub-columns">
                        <div class="col-lg-3 sub-one-left">
                            <h6>About </h6>
                            <p class="footer-phny pe-lg-5">Since 1960,. has built a reputation for producing high quality precision fabricated products for use in a variety of industries.</p>
                            <div class="columns-2 mt-lg-5 mt-4">
                                <ul class="social">
                                    <li><a href="#facebook"><span class="fab fa-facebook-f"></span></a>
                                    </li>
                                    <li><a href="#linkedin"><span class="fab fa-linkedin-in"></span></a>
                                    </li>
                                    <li><a href="#twitter"><span class="fab fa-twitter"></span></a>
                                    </li>
                                    <li><a href="#google"><span class="fab fa-google-plus-g"></span></a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 sub-two-right">
                            <h6>Services</h6>
                            <ul>
                                <li><a href="#processing"><i class="fas fa-angle-right"></i> Agriculture Processing</a>
                                </li>
                                <li><a href="#research"><i class="fas fa-angle-right"></i> Chemical Research</a>
                                </li>
                                <li><a href="#metal"><i class="fas fa-angle-right"></i> Metal Engineering</a>
                                </li>
                                <li><a href="#gas"><i class="fas fa-angle-right"></i> Petroleum & Gas</a>
                                </li>
                                <li><a href="#work"><i class="fas fa-angle-right"></i> Mechanical Engineering</a></li>


                            </ul>
                        </div>
                        <div class="col-lg-3 sub-two-right">
                            <h6>Our Links</h6>
                            <ul>

                                <li><a href="#why"><i class="fas fa-angle-right"></i> Why us</a>
                                </li>
                                <li><a href="#licence"><i class="fas fa-angle-right"></i> Licensing
                                    </a>
                                </li>
                                <li><a href="#log"><i class="fas fa-angle-right"></i> Offers
                                    </a></li>
                                <li><a href="#log"><i class="fas fa-angle-right"></i> Changelog
                                    </a></li>
                                <li><a href="#career"><i class="fas fa-angle-right"></i> Careers</a></li>

                            </ul>
                        </div>
                        <div class="col-lg-3 sub-one-left">
                            <h6>Recent Posts </h6>
                            <div class="row fposts-grid-inner mb-4">
                                <div class="col-4 fposts-grid-left ps-0">
                                    <a href="blog-single.html">
                                        <img src="assets/images/g2.jpg" alt=" " class="img-fluid radius-image">
                                    </a>
                                </div>
                                <div class="col-8 fposts-grid-right">
                                    <h4>
                                        <a href="#home" class="text-bl text-left">Lorem ipsum viverra feugiat libero.</a>
                                    </h4>
                                    <p class="time"> 11 Minutes ago</p>
                                </div>
                            </div>
                            <div class="row fposts-grid-inner mb-4">
                                <div class="col-4 fposts-grid-left ps-0">
                                    <a href="blog-single.html">
                                        <img src="assets/images/g3.jpg" alt=" " class="img-fluid radius-image">
                                    </a>
                                </div>
                                <div class="col-8 fposts-grid-right">
                                    <h4>
                                        <a href="#home" class="text-bl text-left">Lorem ipsum viverra feugiat libero.</a>
                                    </h4>
                                    <p class="time"> 11 Minutes ago</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="below-section mt-5">
                    <div class="copyright-footer">
                        <div class="columns text-left">
                            <p>© Factorship. All rights reserved.All rights reserved. <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></p>
                        </div>
                        <ul class="footer-w3list text-right">
                            <li><a href="#url">Privacy Policy</a>
                            </li>
                            <li><a href="#url">Terms &amp; Conditions</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </section>

        <!-- Js scripts -->
        <!-- move top -->
        <button onclick="topFunction()" id="movetop" title="Go to top">
            <span class="fas fa-level-up-alt" aria-hidden="true"></span>
        </button>
        <script>
            // When the user scrolls down 20px from the top of the document, show the button
            window.onscroll = function() {
                scrollFunction()
            };

            function scrollFunction() {
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("movetop").style.display = "block";
                } else {
                    document.getElementById("movetop").style.display = "none";
                }
            }

            // When the user clicks on the button, scroll to the top of the document
            function topFunction() {
                document.body.scrollTop = 0;
                document.documentElement.scrollTop = 0;
            }

        </script>
        <!-- //move top -->
    </footer>
    <!--//footer-9 -->
    <!-- Template JavaScript -->
    <script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/js/theme-change.js"></script>
    <!--/search-->
    <script src="assets/js/modernizr.custom.js"></script>
    <script src="assets/js/classie.js"></script>
    <script src="assets/js/demo1.js"></script>
    <!--//search-->
    <!-- MENU-JS -->
    <script>
        $(window).on("scroll", function() {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function() {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function() {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function() {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });

    </script>
    <!-- //MENU-JS -->

    <!-- disable body scroll which navbar is in active -->
    <script>
        $(function() {
            $('.navbar-toggler').click(function() {
                $('body').toggleClass('noscroll');
            })
        });

    </script>
    <!-- //disable body scroll which navbar is in active -->
    <!-- //bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>


</body>

</html>
